<template>
	<view>
	<view class="title">选择中学</view>
	      <uni-data-select :localdata="range" placeholder="请选择中学"  class="choice" >
		  </uni-data-select>
		  <text class="text">一个中学允许存在多个队伍</text>
		  <view class="name">队伍名称</view>
		  <uni-easyinput  class="card" placeholder="请输入队伍名称">
		  			</uni-easyinput>
		  <text class="text">队伍名称唯一</text>
		  <button class="button" @click="tosubmit"><text class="dz">成为队长</text></button>
		  <view>
			  <uni-card :is-shadow="false" class="wzk" style=" margin: 10px;
	  margin-top: 280px; background-color:#FFF1D7 ;" >
			  				<view style="padding: 1px 25px;">
								<text class="wz">1、队伍名称进行重名验证、队伍名称组成为<br>
								
								                            </br>“校名+自定义部分”，如“武汉一中队”<br>
								
								                              2、成功组建队伍需要过招办审批。<br>
								
								3、批次结束自动结算队伍资料，可从“历史队伍”中查看。</text>
							</view>
			  			</uni-card>
		  </view>
	</view>
</template>

<script setup>
	import { ref } from 'vue';
	let tosubmit=function(){
		uni.navigateTo({
		    url: '/pages/Student-captain/Successfully-submitted',
		})
	}
	const value = ref(0);
	const range = [
	{ value: 0, text: "华中师范大学一附中" },
	 { value: 0, text: "华中师范大学一附中" },
	 { value: 1, text: "湖北省武昌实验中学" },
	 { value: 2, text: "武汉外国语学校" },
	 { value: 3, text: "武汉一中" },
	 { value: 4, text: "武汉二中" },
	 { value: 5, text: "武汉六中" },
	];
</script>

<style>
  .title{
	  width: 64px;
	  height: 22px;
	  font-family: PingFangSC-Medium;
	  font-weight: 500;
	  font-size: 16px;
	  color: #212121;
	  text-align: center;
	  margin:8px 12px;
  }
  .uni-stat-box {
      margin-left: 12px;
      margin-right: 12px;
	  margin-bottom: 8px;
  }
  .text{
	  width: 144px;
	  height: 17px;
	  font-family: PingFangSC-Regular;
	  font-weight: 400;
	  font-size: 12px;
	  color: #999DA3;
	  text-align: center;
	  margin: 12px 12px;
	  margin-top: 8px;
  }
  .name{
	  font-weight: 500;
	  font-size: 16px;
	  color: #212121;
	  margin-top: 20px;
      margin-left: 12px;
  }
  .card{
	  height: 45px;
	  margin: 9px 12px;
	  margin-right: 12px;
	  padding: 0px;
  }
  .choice{
	  margin-top: 8px;    
	  margin-left: 12px; 
	  margin-right: 12px; 
	  margin-bottom: 8px;
	  background-color: white; 
	  height: 45px;
  }
  .wz{
	  font-family: PingFangSC-Regular;
	  font-weight: 400;
	  font-size: 12px;
	  color: #BD5E13;
	  line-height: 33px;
  }
  .wzk{
	  height: 152px;
	  background: #FFF1D7;
	  border-radius: 6px;
  }
  .dz{
	  width: 72px;
	  height: 25px;
	  font-family: PingFangSC-Medium;
	  font-weight: 500;
	  font-size: 18px;
	  color: #FFFFFF;
	  text-align: center;
  }
  .button{
	  margin: 12px;
	  height: 45px;
	  background-image: linear-gradient(90deg, #6CA9FF 0%, #166AFF 100%);
	  border-radius: 6px;
	  margin-top: 46px;
  }
  .uni-select[data-v-ddf9e0a2] {
      font-size: 14px;
      border: 0px;
	  }
  .uni-select__input-placeholder[data-v-ddf9e0a2] {
      color: #6a6a6a;
      font-size: 15px;
  }
	.uni-stat-box {
	    margin-left: 0px;
	    margin-bottom: 8px;
	}
	.uni-card .uni-card__content[data-v-ae4bee67] {
	    padding: 10px 100px;
	    font-size: 14px;
	    color: #6a6a6a;
	    line-height: 22px;
	}
	.choice[data-v-f9ec0f55] {
	    margin: 8px 12px;
	    background-color: white;
	    height: 35px;
	}
	.uni-stat__select[data-v-ddf9e0a2] {
	    display: flex;
	    align-items: center;
	    cursor: pointer;
	    width: auto;
	    flex: 1;
	    box-sizing: border-box;
	}
	.uni-easyinput[data-v-09fd5285] {
	    width: 95%;
	    flex: 1;
	    position: relative;
	    text-align: left;
	    color: #333;
	    font-size: 14px;
	}
</style>